<?xml version='1.0' encoding='UTF-8' ?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:c="http://java.sun.com/jsp/jstl/core">
    <!--Inicia la composicion de la pagina en la plantilla-->
    <ui:composition template="/resource/template/plantilla.xhtml">
        <!--Segmento que define el contenido del header-->
        <ui:define name="head">
            <h:head>
                <f:loadBundle basename="evaluate.general.label_#{logged.loggedIdiom}" var="label" />
                <f:loadBundle basename="evaluate.general.message_#{logged.loggedIdiom}" var="message" />
                <f:loadBundle basename="evaluate.general.help_#{logged.loggedIdiom}" var="help" />
                <script>
                    function verificar(dato)
                    {
                        var agree = confirm(dato);
                        if (agree)
                            return true;
                        else
                            return false;
                    }
                </script>
            </h:head>
        </ui:define>

        <!--Segmento que define el contenido de la pagina-->
        <ui:define name="content">
            <h:body>
                <p:growl id="messages" showDetail="true"/> 
                <h:outputText value="#{message.m0}" class="label" rendered="#{!access.visit}"/>
                <h:form id="formPersona" rendered="#{access.visit}">
                    <div class="field" title="#{label.descrip01}">
                        <div class="questioning">
                            <div class="question">
                                <h:outputText value="#{label.pregunta01}"/>
                            </div>
                            <div class="answer">
                                <h:selectManyCheckbox value="#{evaluate_program.respuestas.pregunta1}">
                                    <f:selectItem itemValue="1" itemLabel="#{label.respuesta1}" />
                                </h:selectManyCheckbox>  
                            </div>
                        </div>
                        <div class="field">
                            <h:inputTextarea  id="observacion1"  cols="50" rows="2" value="#{evaluate_program.respuestas.pregunta1Obs}" class="textArea"/> 
                            <p:watermark for="observacion1" value="#{label.field2}"/>
                        </div>
                    </div>

                    <div class="field" title="#{label.descrip02}">
                        <div class="questioning">
                            <div class="question">
                                <h:outputText value="#{label.pregunta02}"/>     
                            </div>
                            <div class="answer">
                                <h:selectManyCheckbox value="#{evaluate_program.respuestas.pregunta2}">
                                    <f:selectItem itemValue="1" itemLabel="#{label.respuesta1}" />
                                </h:selectManyCheckbox>  
                            </div>
                        </div>
                        <div class="field">
                            <h:inputTextarea id="observacion2" cols="50" rows="2" value="#{evaluate_program.respuestas.pregunta2Obs}" class="textArea"/> 
                            <p:watermark for="observacion2" value="#{label.field2}"/>
                        </div>
                    </div>


                    <div class="field" title="#{label.descrip03}">
                        <div class="questioning">
                            <div class="question">
                                <h:outputText value="#{label.pregunta03}"/>
                            </div>
                            <div class="answer">
                                <h:selectManyCheckbox value="#{evaluate_program.respuestas.pregunta3}">
                                    <f:selectItem itemValue="1" itemLabel="#{label.respuesta1}" />
                                </h:selectManyCheckbox>  
                            </div>
                        </div>
                        <div class="field">
                            <h:inputTextarea  id="observacion3" cols="50" rows="2" value="#{evaluate_program.respuestas.pregunta3Obs}" class="textArea"/> 
                            <p:watermark for="observacion3" value="#{label.field2}"/>
                        </div>
                    </div>

                    <div class="field" title="#{label.descrip04}">
                        <div class="questioning">
                            <div class="question">
                                <h:outputText value="#{label.pregunta04}"/>
                            </div>
                            <div class="answer">
                                <h:selectManyCheckbox value="#{evaluate_program.respuestas.pregunta4}">
                                    <f:selectItem itemValue="1" itemLabel="#{label.respuesta1}" />
                                </h:selectManyCheckbox>  
                            </div>
                        </div>
                        <div class="field">
                            <h:inputTextarea  id="observacion4" cols="50" rows="2" value="#{evaluate_program.respuestas.pregunta4Obs}" class="textArea"/> 
                            <p:watermark for="observacion4" value="#{label.field2}"/>
                        </div>
                    </div>

                    <div class="field" title="#{label.descrip05}">
                        <div class="questioning">
                            <div class="question">
                                <h:outputText value="#{label.pregunta05}"/>
                            </div>
                            <div class="answer">
                                <h:selectManyCheckbox value="#{evaluate_program.respuestas.pregunta5}">
                                    <f:selectItem itemValue="1" itemLabel="#{label.respuesta1}" />
                                </h:selectManyCheckbox>  
                            </div>
                        </div>
                        <div class="field">
                            <h:inputTextarea  id="observacion5" cols="50" rows="2" value="#{evaluate_program.respuestas.pregunta5Obs}" class="textArea"/> 
                            <p:watermark for="observacion5" value="#{label.field2}"/>
                        </div>
                    </div>

                    <div class="field" title="#{label.descrip06}">
                        <div class="questioning">
                            <div class="question">
                                <h:outputText value="#{label.pregunta06}"/>
                            </div>
                            <div class="answer">
                                <h:selectManyCheckbox value="#{evaluate_program.respuestas.pregunta6}">
                                    <f:selectItem itemValue="1" itemLabel="#{label.respuesta1}" />
                                </h:selectManyCheckbox>  
                            </div>
                        </div>
                        <div class="field">
                            <h:inputTextarea  id="observacion6" cols="50" rows="2" value="#{evaluate_program.respuestas.pregunta6Obs}" class="textArea"/> 
                            <p:watermark for="observacion6" value="#{label.field2}"/>
                        </div>
                    </div>

                    <div class="field" title="#{label.descrip07}">
                        <div class="questioning">
                            <div class="question">
                                <h:outputText value="#{label.pregunta07}"/>
                            </div>
                            <div class="answer">
                                <h:selectManyCheckbox value="#{evaluate_program.respuestas.pregunta7}">
                                    <f:selectItem itemValue="1" itemLabel="#{label.respuesta1}" />
                                </h:selectManyCheckbox>
                            </div>
                        </div>
                        <div class="field">
                            <h:inputTextarea  id="observacion7" cols="50" rows="2" value="#{evaluate_program.respuestas.pregunta7Obs}" class="textArea"/> 
                            <p:watermark for="observacion7" value="#{label.field2}"/>
                        </div>
                    </div>

                    <div class="field" title="#{label.descrip08}">
                        <div class="questioning">
                            <div class="question">
                                <h:outputText value="#{label.pregunta08}"/>
                            </div>
                            <div class="answer">
                                <h:selectManyCheckbox value="#{evaluate_program.respuestas.pregunta8}">
                                    <f:selectItem itemValue="1" itemLabel="#{label.respuesta1}" />
                                </h:selectManyCheckbox> 
                            </div>
                        </div>
                        <div class="field">
                            <h:inputTextarea  id="observacion8" cols="50" rows="2" value="#{evaluate_program.respuestas.pregunta8Obs}" class="textArea"/> 
                            <p:watermark for="observacion8" value="#{label.field2}"/>
                        </div>
                    </div>

                    <div class="field" title="#{label.descrip09}">
                        <div class="questioning">
                            <div class="question">
                                <h:outputText value="#{label.pregunta09}"/>
                            </div>
                            <div class="answer">
                                <h:selectManyCheckbox value="#{evaluate_program.respuestas.pregunta9}">
                                    <f:selectItem itemValue="1" itemLabel="#{label.respuesta1}" />
                                </h:selectManyCheckbox> 
                            </div>
                        </div>
                        <div class="field">
                            <h:inputTextarea  id="observacion9" cols="50" rows="2" value="#{evaluate_program.respuestas.pregunta9Obs}" class="textArea"/> 
                            <p:watermark for="observacion9" value="#{label.field2}"/>
                        </div>
                    </div>

                    <div class="field" title="#{label.descrip10}">
                        <div class="questioning">
                            <div class="question">
                                <h:outputText value="#{label.pregunta10}"/>
                            </div>
                            <div class="answer">
                                <h:selectManyCheckbox value="#{evaluate_program.respuestas.pregunta10}">
                                    <f:selectItem itemValue="1" itemLabel="#{label.respuesta1}" />
                                </h:selectManyCheckbox>
                            </div>
                        </div>
                        <div class="field">
                            <h:inputTextarea  id="observacion10" cols="50" rows="2" value="#{evaluate_program.respuestas.pregunta10Obs}" class="textArea"/> 
                            <p:watermark for="observacion10" value="#{label.field2}"/>
                        </div>
                    </div>

                    <div class="field" title="#{label.descrip11}">
                        <div class="questioning">
                            <div class="question">
                                <h:outputText value="#{label.pregunta11}"/>
                            </div>
                            <div class="answer">
                                <h:selectManyCheckbox value="#{evaluate_program.respuestas.pregunta11}">
                                    <f:selectItem itemValue="1" itemLabel="#{label.respuesta1}" />
                                </h:selectManyCheckbox> 
                            </div>
                        </div>
                        <div class="field">
                            <h:inputTextarea  id="observacion11" cols="50" rows="2" value="#{evaluate_program.respuestas.pregunta11Obs}" class="textArea"/> 
                            <p:watermark for="observacion11" value="#{label.field2}"/>
                        </div>
                    </div>

                    <div class="field" title="#{label.descrip12}">
                        <div class="questioning">
                            <div class="question">
                                <h:outputText value="#{label.pregunta12}"/>
                            </div>
                            <div class="answer">
                                <h:selectManyCheckbox value="#{evaluate_program.respuestas.pregunta12}">
                                    <f:selectItem itemValue="1" itemLabel="#{label.respuesta1}" />
                                </h:selectManyCheckbox>  
                            </div>
                        </div>
                        <div class="field">
                            <h:inputTextarea  id="observacion12" cols="50" rows="2" value="#{evaluate_program.respuestas.pregunta12Obs}" class="textArea"/> 
                            <p:watermark for="observacion12" value="#{label.field2}"/>
                        </div>
                    </div>

                    <div class="field" title="#{label.descrip13}">
                        <div class="questioning">
                            <div class="question">
                                <h:outputText value="#{label.pregunta13}"/>
                            </div>
                            <div class="answer">
                                <h:selectManyCheckbox value="#{evaluate_program.respuestas.pregunta13}">
                                    <f:selectItem itemValue="1" itemLabel="#{label.respuesta1}" />
                                </h:selectManyCheckbox> 
                            </div>
                        </div>
                        <div class="field">
                            <h:inputTextarea  id="observacion13" cols="50" rows="2" value="#{evaluate_program.respuestas.pregunta13Obs}" class="textArea"/> 
                            <p:watermark for="observacion13" value="#{label.field2}"/>
                        </div>
                    </div>

                    <div class="field" title="#{label.descrip14}">
                        <div class="questioning">
                            <div class="question">
                                <h:outputText value="#{label.pregunta14}"/>
                            </div>
                            <div class="answer">
                                <h:selectManyCheckbox value="#{evaluate_program.respuestas.pregunta14}">
                                    <f:selectItem itemValue="1" itemLabel="#{label.respuesta1}" />
                                </h:selectManyCheckbox>
                            </div>
                        </div>
                        <div class="field">
                            <h:inputTextarea  id="observacion14" cols="50" rows="2" value="#{evaluate_program.respuestas.pregunta14Obs}" class="textArea"/> 
                            <p:watermark for="observacion14" value="#{label.field2}"/>
                        </div>
                    </div>

                    <div class="field" title="#{label.descrip15}">
                        <div class="questioning">
                            <div class="question">
                                <h:outputText value="#{label.pregunta15}"/>
                            </div>
                            <div class="answer">
                                <h:selectManyCheckbox value="#{evaluate_program.respuestas.pregunta15}">
                                    <f:selectItem itemValue="1" itemLabel="#{label.respuesta1}" />
                                </h:selectManyCheckbox> 
                            </div>
                        </div>
                        <div class="field">
                            <h:inputTextarea  id="observacion15" cols="50" rows="2" value="#{evaluate_program.respuestas.pregunta15Obs}" class="textArea"/> 
                            <p:watermark for="observacion15" value="#{label.field2}"/>
                        </div>
                    </div>

                    <div class="field" title="#{label.descrip16}">
                        <div class="questioning">
                            <div class="question">
                                <h:outputText value="#{label.pregunta16}"/>
                            </div>
                            <div class="answer">
                                <h:selectManyCheckbox value="#{evaluate_program.respuestas.pregunta16}">
                                    <f:selectItem itemValue="1" itemLabel="#{label.respuesta1}" />
                                </h:selectManyCheckbox> 
                            </div>
                        </div>
                        <div class="field">
                            <h:inputTextarea  id="observacion16" cols="50" rows="2" value="#{evaluate_program.respuestas.pregunta16Obs}" class="textArea"/> 
                            <p:watermark for="observacion16" value="#{label.field2}"/>
                        </div>
                    </div>

                    <div class="field" title="#{label.descrip17}">
                        <div class="questioning">
                            <div class="question">
                                <h:outputText value="#{label.pregunta17}"/>
                            </div>
                            <div class="answer">
                                <h:selectManyCheckbox value="#{evaluate_program.respuestas.pregunta17}">
                                    <f:selectItem itemValue="1" itemLabel="#{label.respuesta1}" />
                                </h:selectManyCheckbox>  
                            </div>
                        </div>
                        <div class="field">
                            <h:inputTextarea  id="observacion17" cols="50" rows="2" value="#{evaluate_program.respuestas.pregunta17Obs}" class="textArea"/> 
                            <p:watermark for="observacion17" value="#{label.field2}"/>
                        </div>
                    </div>

                    <div class="field" title="#{label.descrip18}">
                        <div class="questioning">
                            <div class="question">
                                <h:outputText value="#{label.pregunta18}"/>
                            </div>
                            <div class="answer">
                                <h:selectManyCheckbox value="#{evaluate_program.respuestas.pregunta18}">
                                    <f:selectItem itemValue="1" itemLabel="#{label.respuesta1}" />
                                </h:selectManyCheckbox>  
                            </div>
                        </div>
                        <div class="field">
                            <h:inputTextarea  id="observacion18" cols="50" rows="2" value="#{evaluate_program.respuestas.pregunta18Obs}" class="textArea"/> 
                            <p:watermark for="observacion18" value="#{label.field2}"/>
                        </div>
                    </div>

                    <div class="field" title="#{label.descrip19}">
                        <div class="questioning">
                            <div class="question">
                                <h:outputText value="#{label.pregunta19}"/>
                            </div>
                            <div class="answer">
                                <h:selectManyCheckbox value="#{evaluate_program.respuestas.pregunta19}">
                                    <f:selectItem itemValue="1" itemLabel="#{label.respuesta1}" />
                                </h:selectManyCheckbox> 
                            </div>
                        </div>
                        <div class="field">
                            <h:inputTextarea  id="observacion19" cols="50" rows="2" value="#{evaluate_program.respuestas.pregunta19Obs}" class="textArea"/> 
                            <p:watermark for="observacion19" value="#{label.field2}"/>
                        </div>
                    </div>

                    <div class="field" title="#{label.descrip20}">
                        <div class="questioning">
                            <div class="question">
                                <h:outputText value="#{label.pregunta20}"/>
                            </div>
                            <div class="answer">
                                <h:selectManyCheckbox value="#{evaluate_program.respuestas.pregunta20}">
                                    <f:selectItem itemValue="1" itemLabel="#{label.respuesta1}" />
                                </h:selectManyCheckbox>  
                            </div>
                        </div>
                        <div class="field">
                            <h:inputTextarea  id="observacion20" cols="50" rows="2" value="#{evaluate_program.respuestas.pregunta20Obs}" class="textArea"/> 
                            <p:watermark for="observacion20" value="#{label.field2}"/>
                        </div>
                    </div>

                    <!--INSERTAR-->
                    <h:commandButton value="#{label.button2}" class="button" actionListener="#{evaluate_program.insert}" onclick="return verificar('#{message.m7}')"/>
                    <h:commandButton value="#{label.button3}" class="button" actionListener="#{evaluate_program.delete}" onclick="return verificar('#{message.m9}')"/>
                    <!--REPORTE-->
                    <h:commandLink target="_blank" actionListener="#{evaluacionReport.report}">
                        <h:commandButton class="button"  value="#{label.button6}"  rendered="#{logged.masterId ne 0 and access.visit and evaluacionReport.exist()}" /> 
                    </h:commandLink>

                </h:form>
            </h:body>
        </ui:define>
        <!--Segemento donde se define un texto de ayuda para que el usuario pueda utilizar el formulario del contenido-->
        <ui:define name="slideHelper">

            <h3>#{help.title1}</h3>
            #{help.title1a}
            <p>
                #{help.title2}
                <ul>
                    <li>#{help.title2a} </li>
                </ul>
            </p>
            <p>
                #{help.title3}
                <ul>
                    <li>#{help.title3a}</li>
                    <li>#{help.title3b}</li>
                </ul>
            </p>
            <p>
                #{help.title4}
                <ul>
                    <li>#{help.title3b}</li>
                </ul>
            </p>

        </ui:define>
    </ui:composition>

</html>
